<!DOCTYPE html>
<html ng-app="ielApp">
    <head>
        <meta charset="UTF-8">
         <title ng-bind="titulo"></title>
          <link rel="icon" href="img/casas.jpg" type="image/x-icon" />
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <style>
    
    .nome-usuario {
    margin-right: -47%;
    margin-left: 55%;
   
    }
    </style>
        <!-- Ionicons -->
        <link href="css/ionic/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Morris chart -->
        <!--
        <link href="css/morris/morris.css" rel="stylesheet" type="text/css" />
        <!-- jvectormap -->
        <link href="css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
        <!-- Date Picker -->
        <!--
        <link href="css/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
        <!-- Daterange picker -->
        <!--
        <link href="css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
        <!-- bootstrap wysihtml5 - text editor -->
        <!--
        <link href="css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="css/AdminLTE.css" rel="stylesheet" type="text/css" />


        <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"/>

        <link rel="stylesheet" href="bower_components/fontawesome/css/font-awesome.min.css"/>
        <link rel="stylesheet" href="bower_components/fullcalendar/dist/fullcalendar.css"/>

        <link rel="stylesheet" href="bower_components/angular-wizard/dist/angular-wizard.css"/>
		<link rel="stylesheet" href="partials/login/css/login.css" />
		<link rel="stylesheet" href="partials/cad-usuario/css/cad-usuario.css" />
		<link rel="stylesheet" href="style.css" />
		
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="skin-black">
        <!-- header logo: style can be found in header.less -->
        <header class="header" ng-show="esconderHeader">
            <a ng-href="#/index" class="logo">
                <!-- Add the class icon to your logo image or logo icon to add the margining -->
<!--    Aqui é onde fica a logo             <img class="tamanho-logo" alt="" src="img/LogoIEL2.png"> -->
            </a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top" role="navigation">
                <!-- Sidebar toggle button-->
                <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>

                <div class="navbar-right">
                    <ul class="nav navbar-nav">
                        <!-- Messages: style can be found in dropdown.less-->
                        <!-- User Account: style can be found in dropdown.less -->
                        <li class="dropdown user user-menu">
                        <!-- Split button -->
                        
                    <!--
	          		<div class="btn-group" dropdown>
		         		<a href="" type="button" class=" dropdown-toggle" dropdown-toggle>
		         		<br />
		         			<span class="nome-usuario">{{ usuario }}</span><a class="glyphicon glyphicon-log-out" href="#"></a>
			       		</a>
			        	<ul class="dropdown-menu" role="menu">
			        		<li><a class="glyphicon glyphicon-log-out" href="#/">&nbsp;Sair</a></li>
				       	</ul>
			       	</div>
			       	
			       	-->
			       	<a class="glyphicon glyphicon-log-out" href="#/">&nbsp;Sair</a></li>
			       	
			    </div>
            </nav>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <!-- Left side column. contains the logo and sidebar -->
            <aside class="left-side sidebar-offcanvas" ng-show="esconderHeader">
                <!-- sidebar: style can be found in sidebar.less -->
                <section class="sidebar">
                    <!-- Sidebar user panel -->
                    <!--
                    <div class="user-panel">
                        <div class="pull-left image">
                            <img src="img/avatar3.png" class="img-circle" alt="User Image" />
                        </div>
                        <div class="pull-left info">
                            <p>Hello, Jane</p>

                            <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
                        </div>
                    </div>
                    <!-- search form -->
                    <!--
                    <form action="#" method="get" class="sidebar-form">
                        <div class="input-group">
                            <input type="text" name="q" class="form-control" placeholder="Search..."/>
                            <span class="input-group-btn">
                                <button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
                            </span>
                        </div>
                    </form>
                    <!-- /.search form -->
                    <!-- sidebar menu: : style can be found in sidebar.less -->
                    <ul class="sidebar-menu">
                        <li ng-class="{active: activetab == '/index'}">
                            <a ng-href="#/index">
                                <i class="fa fa-calendar"></i> <span>Início</span>
                            </a>
                        </li >
                        
                          <li ng-class="{active: activetab == '/produto'}">
                            <a ng-href="#/produto">
                                <i class="fa fa-tags"></i> <span>produtos</span>
                            </a>
                        </li>
                        
                        <li ng-class="{active: activetab == '/entrada-de-produto'}">
                            <a ng-href="#/entrada-de-produto">
                                <i class="fa fa-group"></i> <span>Entrada de produtos</span>
                            </a>
                        </li>
                        <li ng-class="{active: activetab == '/ver-estoque'}">
                            <a ng-href="#/ver-estoque">
                                <i class="fa fa-bar-chart-o"></i>
                                <span>Estoque</span>
                            </a>
                        </li>
                        <li ng-class="{active: activetab == '/saida-de-produto'}" >
                            <a ng-href="#/saida-de-produto">
                                <i class="fa fa-tags"></i>
                                <span>Saída de produtos</span>
                                
                            </a>
                        </li>
                        <li ng-class="{active: activetab == '/usuarios'}">
                            <a ng-href="#/usuarios">
                                <i class="fa fa-group"></i> <span>Usuários</span>
                            </a>
                        </li>
                    </ul>
                </section>
                <!-- /.sidebar -->
            </aside>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">
                <!-- Content Header (Page header) -->
                <section class="content-header" ng-show="esconderHeader">
                    <h1>
                        SDGE -
                        <small>Sistema de Gerenciamento de Estoque - Versão 1.0</small>
                    </h1>
                   <!--  <ol class="breadcrumb">
                        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
                        <li class="active">Dashboard</li>
                    </ol> -->
                </section>

                <!-- Main content -->
                <section class="content">

                    <!-- Main row -->
                    <!--
                    <div class="row">
                        <!-- Left col -->

                        <ng-view></ng-view>
                    <!--
                    </div><!-- /.row (main row) -->

                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->

        <!-- add new calendar event modal -->
        <script type="text/javascript" src="bower_components/jquery/dist/jquery.js"></script>
<!--
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
        <script src="//code.jquery.com/ui/1.11.1/jquery-ui.min.js" type="text/javascript"></script>
-->

        <!-- Bootstrap WYSIHTML5 -->
        <!--
        <script src="js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
        <!-- iCheck -->
        <script src="js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>

        <!-- AdminLTE App -->

        <script src="js/AdminLTE/app.js" type="text/javascript"></script>

        <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
        <!--
        <script src="js/AdminLTE/dashboard.js" type="text/javascript"></script>

        <!-- AdminLTE for demo purposes -->
        <!--
        <script src="js/AdminLTE/demo.js" type="text/javascript"></script>
-->


        <script type="text/javascript" src="bower_components/jquery-ui/jquery-ui.js"></script>

        <script type="text/javascript" src="bower_components/angular/angular.min.js"></script>
        <script type="text/javascript" src="bower_components/angular-route/angular-route.min.js"></script>
		<script type="text/javascript" src="bower_components/angular-animate/angular-animate.min.js"></script>
		<script src="js/angular-locale_pt-br.js"></script>
		
        <script type="text/javascript" src="bower_components/moment/moment.js"></script>

        <script type="text/javascript" src="bower_components/fullcalendar/dist/fullcalendar.js"></script>
        <script type="text/javascript" src="bower_components/fullcalendar/dist/gcal.js"></script>
        <script type="text/javascript" src="bower_components/angular-ui-calendar/src/calendar.js"></script>
        <script type="text/javascript" src="bower_components/angular-dragdrop/src/angular-dragdrop.min.js"></script>
        <script type="text/javascript" src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
        <script type="text/javascript" src="bower_components/checklist-model/checklist-model.js"></script>

        <script type="text/javascript" src="bower_components/underscore/underscore-min.js"></script>
        <script type="text/javascript" src="bower_components/angular-wizard/dist/angular-wizard.js"></script>
		
		<script type="text/javascript" src="bower_components/angular-ui-utils/mask.min.js"></script>
		<script type="text/javascript" src="bower_components/angular-sanitize/angular-sanitize.js"></script>

        <script type="text/javascript" src="js/app.js"></script>
        
        <script type="text/javascript" src="partials/evento/EventoCtrl.js"></script>
        <script type="text/javascript" src="partials/evento/IncluirClienteEventoCtrl.js"></script>
        
        <script type="text/javascript" src="partials/evento/EventoFactory.js"></script>
        <script type="text/javascript" src="partials/dashboard/dashboardCtrl.js"></script>
        <script type="text/javascript" src="partials/painel/PainelCtrl.js"></script>
        
        <script src="partials/login/js/loginCtrl.js"></script>
        <script src="partials/login/js/loginFactory.js"></script>
        
        <script src="partials/cad-usuario/js/cadUsuarioCtrl.js"></script>
        <script src="partials/cad-usuario/js/cadUsuarioFactory.js"></script>
        <script src="partials/cad-usuario/js/verificar-senha-iguais.js"></script>
        
        <script src="partials/redefinir-senha/js/redefinirSenhaCtrl.js"></script>
        <script src="partials/redefinir-senha/js/redefinirSenhaFactory.js"></script>
        
        <script src="partials/usuarios/UsuarioCtrl.js"></script>
        <script src="partials/usuarios/UsuarioFactory.js"></script>
        
        <script src="partials/entrada-de-produto/js/entradaProdutoCtrl.js"></script>
        <script src="partials/entrada-de-produto/js/entradaProdutoFactory.js"></script>
        
        <script src="partials/entrada-de-produto/js/verEntradaProdutoCtrl.js"></script>
        <script src="partials/entrada-de-produto/js/verEntradaProdutoFactory.js"></script>
        
        <script src="partials/entrada-de-produto/js/editarEntradaProdutoCtrl.js"></script>
        <script src="partials/entrada-de-produto/js/editarEntradaProdutoFactory.js"></script>
        
        <script src="partials/estoque/js/estoqueCtrl.js"></script>
        <script src="partials/estoque/js/estoqueFactory.js"></script>
        
        <script src="partials/produto/js/produtoCtrl.js"></script>
        <script src="partials/produto/js/produtoFactory.js"></script>
        
        <script src="partials/produto/js/editarProdutoCtrl.js"></script>
        <script src="partials/produto/js/editarProdutoFactory.js"></script>
        
        <script src="partials/saida-de-produto/js/saidaProdutoCtrl.js"></script>
        <script src="partials/saida-de-produto/js/saidaProdutoFactory.js"></script>
        
        <script src="partials/saida-de-produto/js/verSaidaProdutoCtrl.js"></script>
        <script src="partials/saida-de-produto/js/verSaidaProdutoFactory.js"></script>
        
        <script src="partials/saida-de-produto/js/editarSaidaProdutoCtrl.js"></script>
        <script src="partials/saida-de-produto/js/editarSaidaProdutoFactory.js"></script>
    </body>
</html>
